<!--
@description ：投放统计
-->

<template>
  <div class="app-container">
    <el-tabs v-model="activeName">
      <el-tab-pane label="投放统计" name="1">
        <placement-statistics-list v-if="activeName == '1'"/>
      </el-tab-pane>
      <el-tab-pane label="页面详情" name="2">
        <placement-page-statistics-list v-if="activeName == '2'"/>
      </el-tab-pane>
      <el-tab-pane label="用户详情" name="3">
        <placement-customer-statistics-list v-if="activeName == '3'"/>
      </el-tab-pane>
    </el-tabs>
  </div>
</template>
<script>
import placementStatisticsList from "@/views/customerInsight/placementStatistics/placementStatisticsList.vue";
import placementPageStatisticsList from "@/views/customerInsight/placementStatistics/placementPageStatisticsList.vue";
import placementCustomerStatisticsList
  from "@/views/customerInsight/placementStatistics/placementCustomerStatisticsList.vue";

export default {
  name: "placementStatistics", //投放统计
  props: {},
  components: {
    placementStatisticsList,
    placementPageStatisticsList,
    placementCustomerStatisticsList
  },
  data() {
    return {
      activeName: '1'
    }
  },
  watch: {},
  methods: {},
  mounted() {

  },
  created() {
  },
}

</script>

<style lang="scss" scoped>

.app-container {
  height: 100%;
  padding: 14px 0 0;
}

</style>
